﻿/* Site Map Path*/
@import url(../../yaml/core/base.css);
@import url(../../yaml/navigation/nav_shinybuttons.css);
@import url(../../yaml/navigation/nav_vlist.css);
@import url(../../yaml/core/iehacks.css);
@import url(../../yaml/patches/patch_nav_vlist.css);

@media all
{
	
	body { background: #5F8000 url(img/bg.gif) repeat-y center top;
	color: #333;
	}
	#page_margins { min-width: 740px; max-width: 80em; margin: auto; border: 0px #889 solid; }
	#page {  margin: 0 auto; width: 953px; }
	body { text-align: center }
	#page_margins { text-align:left }
	#header
	{
		padding: 10px 10px 2px 20px;
		background-image: img/greenguitar.jpg;
		background-repeat: no-repeat;
		background-color:#F1F4E1;
		border-bottom: 2px #D5E8AD solid;
	}
	li {list-style-image: url(img/li.gif);}
  #topnav 
  {
    position:inherit;
    top:inherit;
    right:inherit;
    text-align: right;
    color: #aaa; background: transparent; 
  }

  /*----NavMain----*/
	#nav_main ul li a, #nav_main ul li strong
	{
		color: #FFFFFF;
	}

  
	#nav ul { margin-left: 20px; }
	#nav_main
	{
		background: #7AAD30 url(images/background.gif) repeat-x center right;
		border-top-color: #A9B198;
		border-bottom-color: #A9B198;
		color: #FFFFFF;
	}
	#nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active
	{
		background: #C5E375;
		color: Black;
	}
  /*-----------*/
	
	#main { background: #fff; overflow:hidden; background-image: url(img/menubg.png); background-repeat:repeat;}
	
	#col3_content
	{
		background-color: #F7FBF3;
		padding-bottom: 5px;
		border-left: #D5E8AD solid 1px;
		border-right: #D5E8AD solid 1px;
		border-bottom:#D5E8AD solid 1px;
	}
	/*Submenu*/
	#submenu 
	{
		border-top: 0px;
		border-bottom: 0px;
	}

	#submenu a,
	#submenu strong 
	{
		border-bottom: 1px #D5E8AD solid;
	}

  /* Menu Title */
  #submenu li span {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    border-bottom: 1px #D5E8AD solid;
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #fff;
    background-color:#aab;
    border-bottom: 1px #D5E8AD solid;
  }
  #submenu li a
	{
		width: 90%;
		padding-left: 10%;
		background-color: #81AC00;
		color: #FFFFFF;
		font-weight: bold;
	}
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#81AC00; color: #fff; }

  /* Level 2 */
  #submenu li ul li a, #submenu li ul li#active, #submenu li ul li strong, #submenu li ul li span
	{
		font-weight: normal;
	}
  #submenu li ul li a { background:url(img/bgnavigation.gif); color: #555533; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background:#F0FFC6; color: #555533; }

  /* Level 3 */
  #submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#F0FFC6; color: #555533; }

  /* Level 4 */
  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#F0FFC6; color: #555533; }
	/*----*/
	#footer
	{
		color: #D5E8AD;
		background: #7AAD30 url(    "images/background.gif" ) repeat-x center right;
		padding: 8px;
		border-top: 5px #AAD059 solid;
	}

	body { color: #444; font-size: 81.25%; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif}
	h1,h2,h3,h5,h6 { font-family: Times, Georgia,  Serif; font-weight:normal;}

	h1 {font-size: 1.6em; color: #666; margin: 0 0 0.05em 0; padding-top: 0.5em; letter-spacing: -.02em; }
	h2 {font-size: 1.8em; color: #667; margin: 0 0 0.05em 0; padding-top: 0.5em; letter-spacing: -.02em;}
	h3
	{
		font-size: 1.5em;
		color: #D5E8AD;
		margin: 0 0 0.05em 0;
		border-bottom: 1px #ddd solid;
		letter-spacing: 0em;
		border-bottom-color: #D5E8AD;
	}
	h4
	{
		background-color: #FFEFD2;
		border: dashed 1px #81AC00;
		font-weight: bold;
		color: #000000;
		padding: 2px 5px 2px 5px;
		background-image: url(img/menubg.png);
		margin-top: 8px;
		font-size: 13px;
	}
	h5 {font-size: 1.2em; font-style:italic; }
	h6 {font-size: 1.0em; color: #889; margin: 0 0 0.20em 0; padding-bottom: .3em; border-bottom: 1px #ddd solid}

	p,ul,dd,dt { line-height: 1.5em;}
	p { line-height: 1.5em; margin: 0 0 1em 0; text-align:justify }
	table.bugs p { line-height: 1.5em; margin: 0; text-align:center }

	dt,li {text-align:justify}

	strong,b { font-weight: bold; }
	em,i { font-style:italic; }
	pre, code {	font-family: "Courier New", Courier, monospace; }
	address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

	hr 
	{ 
		color: #fff; 
		background:transparent; 
		margin: 0 0 0.5em 0; 
		padding: 0 0 0.5em 0; 
		border:0; 
		border-top: solid 1px #81AC00;
	}

	acronym, abbr 
	{
		letter-spacing: .07em;
		border-bottom: 1px dashed #c00;
		cursor: help;
	}
	.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
	.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
	.center { text-align:center; margin-left: auto; margin-right: auto;}
	.framed {padding:4px; border: 4px #222 solid; background: #fff }

	a, a em.file {color: #682;text-decoration:none;}
	a:hover {text-decoration:underline;color: #9A6;}
	a:focus {text-decoration:underline;}

	#topnav a { color: #666; background:transparent; text-decoration:none; }
	#topnav a:hover { color: #000; text-decoration:underline; background-color: transparent;}
	#topnav a:focus { color: #000; text-decoration:underline; background-color: transparent;}

	#footer a { color: #ccc; }

	#main a.imagelink 
	{
		padding-left: 0;
		background: transparent;
	}
	table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

	table.bugs { margin-bottom: 1em; margin-top: .5em; }
	table.bugs th 
	{ 
		background: #444; color: #fff; 
		padding: 0.5em; 
		text-align: center; 
		border-bottom: 1px #fff solid; 
		border-right: 1px #fff solid;
	}

	table.bugs td 
	{
		background: #888; color: #fff; 
		padding: 0.5em; 
		text-align: center; 
		border-bottom: 1px #fff solid; 
		border-right: 1px #fff solid;
	}
	table.description { margin-bottom: 1em; margin-top: .5em; }
	table.description th 
	{ 
		background: #aaa; 
		color: #fff; 
		padding: 0.5em; 
		text-align: left; 
		vertical-align: top;
		border-bottom: 1px #fff solid; 
		border-right: 1px #fff solid;
	}
	table.description td 
	{
		background: #f4f4f4; 
		color: #444; 
		padding: 0.5em; 
		text-align: left;
		vertical-align: top;
		border-bottom: 1px #fff solid; 
		border-right: 1px #fff solid;
	}
	
	input[type=text], 
	input[type=password], 
	textarea, 
	select { padding: .2em; background-color: #fff; border: 1px #ccc solid;border-right:solid 1px #ccc}

	input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
	{
		background: #fff;
		border: 1px #448 solid;
		background: #EEF9C6;
		color: #333;
	}
	input.suchbox 
	{
		border: 1px #666 solid;
		background: #333;
		padding: 3px;
		color: #888;
	}
	blockquote 
	{ 
		color: #444; 
		background: #f8f8f8; 	
		border: 1px #ddd solid;
		border-left: 8px #ddd solid;
		padding: 1em 1em 0 1em;
		margin: 0 0 1em 1em;
	}
	

	* html #page_margins
	{
		/* Fallback if no Javascript enabled */
		width: 80em;

		/* min-width & max-width width JS-Expressions */
		width: expression((document.documentElement && document.documentElement.clientHeight) ?
		(document.documentElement.clientWidth < 740) ? "740px" : (( document.documentElement.clientWidth > (80 * parseInt(document.documentElement.currentStyle.fontSize))) ? "80em" : "auto") :

		(document.body.clientWidth < 740) ? "740px" : (( document.body.clientWidth > (80 * parseInt(document.body.currentStyle.fontSize))) ? "80em" : "auto")
		);
	}
	.DropDownMenu
	{
		border: 1px solid #232323;
		z-index: 3;
		overflow: auto;
		width: 235px;
		height: 220px;
		clip: rect(auto, auto, auto, auto);
		background-color: #FFFFFF;
	}
	.LoginInfo
	{
		float:left;
		padding: 2px 2px 2px 5px;
		text-align: left;
		font-family: Tahoma;
		font-weight:bold;
		font-size: 13px;
		background-color: #E2FFC6;
	}

	.PopupMenu
	{
		border-color: #CCCCCC;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
	}
	.PopupMenu a
	{
		vertical-align:middle;
		border-width:0;
		text-decoration:none;
		display:block;
		height:17px;
		color:White;
		font-weight:bold;
		background-color:#B51032;
	}
	.item h5
	{
		background: #567300;
		color: #FFF;
		padding-top:2px;
		padding-bottom:2px;
		padding-left: 16px;
		font-family:'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
	}
	.item .body
	{
		padding: 12px 18px;
		background-color: #F7FBF3;
	}
	.content
	{
		padding: 15px 15px;
	}
	.CAPTCHAImage
	{
		border-color:#F3E8DE;
		border-width:1px;
		border-style:solid;
		border-bottom-width:1px;
		border-top-width:1px;
		border-right-width:1px;
		border-left-width:1px;
	}
	.CategoryList ul
	{
		list-style-type:none;
		margin:10px 0px 0px 0px;
	}
	.CategoryLink
	{
		float:left;
		width:44%;
	}
	.CategoryLink a
	{
		padding:0px 5px 20px 5px;
		display:block;
		font-weight:bold;
	}

	.ProductDescriptionsTitle
	{
		display: inline;
		background-color: #FFEFD2;
		border-top: dashed 1px #81AC00;
		border-right: dashed 1px #81AC00;
		border-left: dashed 1px #81AC00;
		font-weight: bold;
		color: #000000;
		padding: 2px 5px 2px 5px;
		background-image: url(img/menubg.png);
		margin-top: 20px;
	}
	

	.CategoryTitleEditLink
	{
		font-weight:normal;
		text-align:right;
		color:black;
	}

	.autocomplete_completionListElement
	{
		visibility: hidden;
		margin: 0px !important;
		background-color: white;
		color: #000000;
		border: 1px solid #ACA899;
		cursor: default;
		overflow: auto;
		height: 200px;
		text-align: left;
		list-style-type: none;
		z-index: 1;
	}

	/* AutoComplete highlighted item */

	.autocomplete_highlightedListItem
	{
		background-color: #ffff99;
		color: black;
		padding: 1px;
	}

	/* AutoComplete item */

	.autocomplete_listItem 
	{
		background-color : window;
		color : windowtext;
		padding : 1px;
	}

	a.ContextMenuItem
	{
		margin: 1px 0 1px 0;
		display: block;
		color: #003399;
		text-decoration: none;
		cursor: pointer;	
		padding: 4px 19px 4px 13px;
		white-space: nowrap;
	}

	a.ContextMenuItem-Selected
	{
		font-weight: bold;
	}

	a.ContextMenuItem:hover
	{
		background-color: #FFE6A0;
		color: #003399;
		border: 1px solid #D2B47A;
		padding: 3px 18px 3px 12px;
	}

	.ContextMenuPanel 
	{
		position:absolute;
		border: 1px solid #868686;
		z-index: 1000;
		background: url(Images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
		cursor: default;
		padding: 1px 1px 0px 1px;
		font-size: 11px;
		filter:alpha(opacity=70);
		opacity:0.6;
	}

	.ContextMenuBreak
	{
		margin:1px 1px 1px 32px;
		padding:0;
		height:1px;
		overflow:hidden;
		display:block;
		border-top: 1px solid #C5C5C5;	
	}

	/* Rating */
	.ratingStar 
	{
		width: 13px;
		height: 12px;
		cursor: pointer;
		background-repeat: no-repeat;
	}

	.filledRatingStar {
		background-image: url(Images/FilledStar.png);

	}

	.emptyRatingStar 
	{
		background-image: url(Images/EmptyStar.png);
	}

	.savedRatingStar 
	{
		background-image: url(Images/SavedStar.png);
	}
	.ProductDescriptionPanels
	{
		border: 1px solid #CCFF33;
		padding: 5px 5px 5px 5px;
	}
	.PrImageSelected
	{
		background-repeat:no-repeat;
	}
	.HoverItem
	{
		background-color: #FCF9EF;
	}
	
	
	.ImageButton
	{
		cursor:pointer;
	}
	.ProductTitle
	{
		text-align: center;
		border: 1px solid #FEEDCB;
		background-color: #FFFFDD;
		margin:2px 2px 2px 2px;
	}
	
	.ImageTumbnail
	{
		vertical-align: middle;
		cursor: pointer;
		border: 1px solid #D5E8AD;
		text-align: center;
		margin: 0px 0px 0px 2px 0px;
	}
	.ImageTumbnail:hover
	{
		border: 1px solid #567300;
	}
	.ProductDetails
	{
		vertical-align: top;
		width: 100%;
		background: #FFFFDD;
		border: 1px solid #FEEDCB;
	}
	

	.ReviewListItem
	{
		border-bottom: solid 1px #67ce00;
	}
	.WarningMessage
	{
		font-size: 12px;
		color: #999966;
		padding-bottom: 10px;
	}
	.pager
	{
		padding:2px 0px 2px 0px;
	}
	.pager a
	{
		float:left;
		display: block;
		margin: 0px 2px 0px 0px;
		padding: 1px 6px 1px 6px;
		vertical-align: middle;
		border:solid 1px #D5E8AD;
		text-align:center;
		font-weight:bold;
		margin: 0px 2px 0px 0px;
	}
	.pager a:hover
	{
		background-color: #81AC00;
		border: 1px solid #80AA00;
		color: White;
	}
	.pager a[disabled=disabled]
	{
		cursor: default;
		background-color: #E4EFB8;
		display:none;
	}
	.pager a[disabled=disabled]:hover
	{
		text-decoration:none;
		background-color: #E4EFB8;
	}
	.PagerNumButtonActive
	{
		float: left;
		display: block;
		vertical-align: middle;
		border: 1px solid #B4D66B;
		text-align: center;
		margin: 0px 2px 0px 0px;
		padding: 1px 6px 1px 6px;
		cursor:default;
		color:#567300;
		font-weight:bold;
		background-image: url(img/menubg.png);
		background-repeat: repeat;
	}
	.dottedtable 
	{
	  border: 1px dotted #FDE2AC;
	  font-family:Tahoma;
	  border-top-width:0px;
	}
	.dottedhorizontal 
	{
	  border-bottom-width: 1px;
	  border-bottom-style: dotted;
	  border-bottom-color: #FDE2AC;
	}
	.CartItemList
	{
		width:98%;
	}

	.PriceTag_Left
	{

		float: left;
		background-color: #81AC00;
		color: White;
		font-weight: bold;
		text-align: center;
		border:solid 1px #81AC00;
	}
	.PriceTag_Right
	{
		text-align:right;
		float:right;
		border:solid 1px #81AC00;
		background-image: url(img/menubg.png);
		background-repeat:repeat;
	}

	.ListPrice
	{
		color: #802000;
		font-weight: bold;
	}
	.ListPriceTag
	{
		padding-bottom:2px;
	} 
	#submenu
	{
		margin:0px 0px 0px 0px;
	}
	.ListBoundary {border-top:#D5E8AD solid 1px;border-left:#D5E8AD solid 1px;border-right:#D5E8AD solid 1px;}

	#product_list ul, li, ul li
	{
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
	}
	.prod_listitem
	{
		border-color:#e2f4ae;
		border-bottom: 1px solid #D5E8AD;
		background-image: url(Images/bglistitem.gif);
		background-repeat:repeat;
	}
	.prod_listitem_alt
	{
		border-bottom: 1px solid #D7E1E3;
		background-color: #F7FBF3;
	}
	.prod_listitem img, .prod_listitem_alt img
	{
		margin:5px;
	}
	.ProductImage
	{
		border-width: 1px;
		border-color:#D5E8AD;
		border-style:solid;
	}
	#footer a
	{
		color:White;
	}
	.paper
	{
		border: 1px solid #DDDED3;
	}
	.PageDescription
	{
		background-color: #7DAB0A;
		border-bottom: solid 1px #D5E8AD;
		background-image: url(img/greenguitar.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
}
